<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1, minimum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>EV堡</title>

  <link rel="stylesheet" href="../css/normalize.css">
  <link rel="stylesheet" href="../css/sddy.css">
</head>
<body>
  <div id="box-wrap">
    <!-- 标题栏 -->
    <div id="title-wrap">
      <img class="title-logo" src="../images/logo.png" alt="" />
      <img class="title-menu" src="../images/menu.png" alt="" />
    </div>

    <!-- 主题 -->
    <section id="theme-wrap">
      <!-- <div class="theme-bg"></div> -->
      <img class="theme-img" src="../images/img_5.png" alt="" />
      <div id="theme-content">
        <h3>智慧互联,&nbsp;&nbsp;&nbsp;能源共享</h3>
        <p>Intelligence Exchange, Energy Sharing</p>
        <div id="theme-btn">
          <button>立即体验</button>
        </div>
      </div>
    </section>

    <!-- 章节内容 -->
    <section id="section-wrap">
      <h3>关于EV堡</h3>
      <p>文案文案文案文案文案文, 案文案文案文案文案, 案文案文案文案文案, 案文案文案文案文案</p>
      <img src="../images/img_1.png" alt="" />
    </section>
    <section id="section-wrap">
      <h3>EV堡充电</h3>
      <p>文案文案文案文案文案文, 案文案文案文案文案, 案文案文案文案文案, 案文案文案文案文案</p>
      <img src="../images/img_2.png" alt="" />
    </section>
    <section id="section-wrap">
      <h3>EV堡储能</h3>
      <p>文案文案文案文案文案文, 案文案文案文案文案, 案文案文案文案文案, 案文案文案文案文案</p>
      <img src="../images/img_3.png" alt="" />
    </section>
    <section id="section-wrap">
      <h3>EV堡检测</h3>
      <p>文案文案文案文案文案文, 案文案文案文案文案, 案文案文案文案文案, 案文案文案文案文案</p>
      <img src="../images/img_4.png" alt="" />
    </section>

    <!-- footer -->
    <footer id="footer">
      <button>下载APP</button>
      <text class="copyright">Ver 2017-2018 盛德新能源</text>
      <text class="copyright">Copyright by Santa, Support by evfort. ICP: 18012315</text>
    </footer>
  </div>
  
  <!-- 侧边栏 -->
  <div id="side-wrap">
    <header>
      <img class="side-logo" src="../images/logo.png" alt="" />
      <img class="side-close" src="../images/close.svg" alt="" />
    </header>
    <div id="side-ul">
      <ul>
        <li id="home">
          <a href="home.html">
            <text>首页</text>
            <img src="../images/right_arrow.png" alt="" />
          </a>
        </li>
        <li>
          <a href="about.html">
            <text>关于我们</text>
            <img src="../images/right_arrow.png" alt="" />
          </a>
        </li>
        <li>
          <a href="activity.html">
            <text>热门活动</text>
            <img src="../images/right_arrow.png" alt="" />
          </a>
        </li>
        <li>
          <a href="download.html">
            <text>下载APP</text>
            <img src="../images/right_arrow.png" alt="" />
          </a>
        </li>
      </ul>
    </div>
  </div>

  <!-- mask -->
  <div id='side-mask'></div>

  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="../js/sddy.js"></script>
</body>
</html>